<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
				*{
				            padding: 0;
				            margin: 0;
				            box-sizing: border-box;}
				body{
				            background-image: url(img/首页大背景.jpg);
				}
				#top{
				    width: 100%;
				    height: 300px;
				    background-image: url("img/头背景.png");
					background-size: cover;
					background-position: center;
					}
				#top>h1{
				    font-size: 100px;
				    letter-spacing: 1em;
				    font-family: "隶书";
				    color: black;
				    height: 110px;
				    margin-left: 400px;
				    display: block;
				    position: relative;
				    top: 20px;
					text-align: center;
				}
				#top>h3{
				    font-size: 70px;
				    font-family: "隶书";
				    letter-spacing: 0.001em;
				    color:black;
				    margin-left: 400px;
				    display: block;
				    position: relative;
				    top: 40px;
					text-align: center;
				}
				
				#luzhi{
				            width: 80%;
				            height: 600px;
				            background-image: url(img/首页小背景.jpg); 
				            /* background-color: #000b00; */
				            text-align: center;
				           padding-top: 50px;
				            margin-left: 10%;
				}
				#daohang{
				    
				    background-color: green;
				    width:100%;
				    height: 50px;
				    display: flex;
				    position: relative;
				    /* top: 15px; */
				    text-align: center;
				    z-index: 999;
				}
				#daohang>.button>span{
				    font-size: 25px;
				    font-family: "黑体";
				    text-align: center;
				    letter-spacing: 0.1em;
				    /* margin-left: 60px; */
				    z-index: 999;
				    height: 60px;
				    width: 130px;
				    display: block;
				    color: antiquewhite;
				    /* top: 10px; */
				    padding-top: 10px;
				    position: relative;
				}
				#daohang>.button{
				    margin-left: 100px;
				    position: relative;
				    left: 200px;
				}
				#daohang>.button>span>a{
				    text-decoration: none;
				    color: antiquewhite;
				    text-align: justify;
				}
				#daohang>li{
				    list-style: none;
				    font-size: 25px;
				    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
				}
				#daohang>.button:hover{
				    background-color: rgb(85, 170, 127);
				    width: 130px;
				   
				    cursor: pointer;
				}
				#daohang>.button li:hover{
				    color: antiquewhite;
				    background-color: rgb(186, 239, 203);
				}
				#daohang>.button li>a:hover{
				    color: antiquewhite;
				}
				#daohang>.button ul li{
				   
				    /* height: 800px; */
				    /* transition: .2s; */
				    opacity: 0;
				    /* transform: translateY(-200px); */
				    background-color: rgba(241, 220, 192, 0.664);
				    cursor: pointer;
				    border-bottom: 1px solid antiquewhite;
				    position: relative;
				    top: -10px;
				    font-size: 25px;
				    font-family: "黑体";
				    text-align: center;
				}
				#daohang>.button>ul>li>a{
				    text-decoration: none;
				    color: rgb(4, 3, 0);
				}
				#daohang>.button:hover li{
				    height: 50px;
				    opacity: 1;
				    transform: translateY(0);
				    cursor: pointer;
				}
				#body2{
				    background-image: url(img/首页小背景.jpg); 
				    width: 80%;
				    margin-left: 10%;
				}
				#body2>h2{
				    padding-top: 10px;
				    text-align: justify;
				    width: 80%;
				    margin-left: 10%;
				    font-family: "黑体";
				    letter-spacing: 0.1em;
				    line-height: 30px;
				    text-decoration: underline;
				    text-decoration-color:rgb(86, 34, 20);
				    text-decoration-style: double;
				}
				#body2>img{
				    float: right;
				    padding-right: 150px;
				}
				#body2>p{
				    width: 80%;
				    margin-left: 10%;
				    text-indent: 2em;
				    letter-spacing: 0.1em;
				    line-height: 30px;
				}
				#dibu{
				    background-color: forestgreen;
				    width: 100%;
				    height: 150px;
				}
				#dibu>p{
					
            text-align: center;
		    font-size: 20px;
		    font-family: "黑体";
				}
				</style>
	</head>
	<body>
		<div>
				<div id="top">
				    <h1>农苑的春夏秋冬</h1>
				    <h3>The Four Seasons of University Life</h3>
				    
				</div>
				    <ul id="daohang">
				    <li class="button">
				        <span><a href="首页.html">
							首页
				        </a></span>
				    </li>
				    <li class="button">
				        <span><a href="春.html">
							春天
				        </a></span>
						<ul  type="none" class="la"  onmouseleave="cls(0)">
						    <li><a href="教学楼.html">教学楼</a></li>
						    <li><a href="凉亭.html">凉亭</a ></li>
						    <li><a href="校园小径.html">校园小径</a></li>
							<li><a href="花.html">春花</a></li>
						</ul>
				    </li>
				    <li class="button">
				        <span class="dao" onmouseover="disp(0)">夏天</span>
				    </li>
				    <li class="button">
				        <span class="dao" onmouseover="disp(1)"><a href="秋.html">
							秋天
				        </a></span>
				    </li>
				    <li class="button">
				        <span class="dao" onmouseover="disp(2)"><a href="冬.html">
							冬天
				        </a></span>
				    </li>
				    </ul>
				<div>
				        
				    <div id="luzhi">
				        <img src="img/夏图.jpg" controls="controls" height="100%" width="80%" style="object-fit: cover;">
				    </div>
					<div id="body2">
						<h2>草木有信</h2>
						        <p>吉林农业科技学院的夏天，是一幅被阳光浸透的油画，色彩饱满而热烈。风里裹挟着青草与泥土的芬芳，蝉鸣在树梢间流淌，整个校园仿佛被注入了一股蓬勃的生命力。在这里，夏天不仅仅是季节的更迭，更是知识与自然交织的盛宴，每一寸土地都在诉说着生长的故事。  </p >
								<p>清晨的校园，是一天中最温柔的时刻。薄雾还未散尽，阳光已穿过树叶的缝隙，在石板路上投下斑驳的光影。实验田里的玉米苗挺直了腰杆，叶片上挂着晶莹的露珠，在晨光中闪烁如钻石。早起的学生们踩着湿润的草地，有的捧着书本在林荫道旁朗读，有的拎着工具走向实训基地，脚步声惊醒了藏在草丛里的蚂蚱，它们倏地跳开，又隐入更深的绿意里。</p >
						        <img src="img/夏图2.jpg" width="480px" height="330px"/>
								<h2>黄昏与晚风</h2>
						        <p>教学楼前的花坛里，波斯菊和向日葵竞相绽放，金黄与粉紫交织，吸引着早起的蜜蜂嗡嗡盘旋。图书馆的玻璃窗映着朝霞，像是一块巨大的琥珀，把晨读的身影温柔地包裹其中。偶尔有微风拂过，带着一丝凉意，仿佛在提醒人们，尽管盛夏已至，清晨仍保留着最后的清爽。</p>
								<p>正午时分，太阳高悬，热浪在空气中微微浮动。校园里的杨树和柳树撑起浓密的绿荫，成了最天然的避暑胜地。长椅上三三两两坐着休憩的学生，有的低头翻看笔记，有的戴着耳机闭目养神，还有的分享着刚从食堂买来的冰镇西瓜，清甜的汁水顺着指尖滴落，引来几只麻雀蹦跳着啄食。  </p>
								<p>实验楼的走廊里，风扇呼呼转动，却驱不散闷热。但实验室内的师生们似乎忘记了高温，他们的目光专注地盯着显微镜下的样本，或是在记录本上快速书写。温室大棚里更是热浪袭人，番茄的藤蔓攀附着支架茁壮生长，黄瓜的花朵引来蝴蝶驻足，而穿着白大褂的学生们额头沁出汗珠，却仍耐心地测量着每一组数据。科学的热情，似乎比夏日的阳光更加炽热。</p>
					            <h2>夜色与星辰</h2>
								<p>午后，是一天中最慵懒的时光。蝉鸣从树冠深处传来，忽高忽低，像是某种执着的独奏。篮球场上，几个男生挥汗如雨，运球、跳跃、投篮，球鞋摩擦地面的声音和欢呼声交织在一起，充满了青春的活力。而湖边的凉亭里，则安静得多，有人捧着小说沉浸其中，有人对着画板写生，笔尖在纸上沙沙作响，与远处的蝉鸣形成奇妙的二重奏。</p>
								<p>农学院的试验田里，大豆和稻苗在烈日下舒展枝叶，自动喷灌系统定时启动，细密的水雾在阳光下折射出小小的彩虹。偶尔有农学专业的学生戴着草帽蹲在田间，小心翼翼地检查作物的长势，他们的背影与这片土地融为一体，仿佛本身就是夏天的一部分。</p>
								<p>当太阳西斜，暑气终于开始消退。黄昏的校园被镀上一层金色，建筑物的影子被拉得很长，像是温柔的拥抱。食堂门口飘来阵阵饭菜香，烤冷面、凉皮、绿豆汤的摊位前排起了长队，学生们一边等待，一边闲聊着今天的实验或明天的计划，笑声轻松而惬意。</p>
								<p>操场成了傍晚最热闹的地方。有人慢跑，汗水浸透了T恤；有人散步，手里拿着冰棍，咬一口，凉意直达心底；还有社团在草坪上排练，吉他的弦音和歌声随风飘荡。夕阳的余晖染红了天边的云彩，也映在每个人的脸上，年轻的面庞在夏日的光晕里显得格外生动。</p>
								<p>入夜后，暑热渐渐散去，晚风带着丝丝凉意拂过校园。图书馆的灯光依然明亮，自习室里坐满了备考的学生，翻书声和键盘敲击声构成夏夜特有的节奏。路灯下，飞蛾绕着光晕盘旋，而远处的草丛里，萤火虫偶尔闪现，像是散落的星子，与天际的银河遥相呼应。</p>
					</div>
				</div>
		</div>
		<div id="dibu">
		    <p>关注吉林农业科技学院官网</p>
		    <p>百年农苑|育德培才传雅韵</p>
		    <p>&copy;版权所有:我说啥都队</p>
		    <p>邮箱：a15101078262@icloud.com ⭐</p>
		</div>				   
	</body>
</html>